@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
html { font-size: 17px; }

body { margin: 0px; color: #222222; background: #f0f0f0; font-family: 'Roboto', sans-serif; font-size: 20px; padding: 0; }

@media(max-width:1550px) and (min-width:992px) {
    body { font-size: 16px; }
}

@media(max-width:360px) {
    body { font-size: 19px; }
}

table { padding: 0px; margin: 0px; }

td { vertical-align: top; padding: 0px; }

p { margin-top: 0px; margin-bottom: 0px; font-size: 100%; color: inherit; line-height: normal; }
ul { font-size: 100%; }
a, a:hover, a:focus { color: inherit; text-decoration: none; }
img { max-width: 100%; }

textarea { outline: none; }
input[type="text"], textarea, input[type="text"]:focus { display: inline-block; outline: none; background: #393939; border: none; height: 46px; color: #fff; margin-bottom: 22px; font-size: 80%; }
input#debug { padding: 0; max-height: 0; visibility: hidden; margin: 0; position: absolute; }
#lead_source { max-height: 0; padding: 0; border: none; position: absolute; }
label { display: none; }
input#first_name { width: calc(50% - 10px); }
input#last_name { width: calc(50% - 11px); margin-left: 15px; }
textarea { height: 97px; }
textarea:focus { background: #393939; }
.contact textarea:focus { background: #ffffff; }
input[type="submit"], button.submit-form { width: 121px; height: 47px; border-radius: 5px; border: solid 1px #ffa500; background-color: transparent; color: #ffa500; font-size: 90%; transition: all 200ms ease-out; -webkit-transition: all 200ms ease-out; }
input[type="submit"]:hover, input[type="submit"]:focus, button.submit-form:hover, button.submit-form:focus { background-color: #ffb000; color: #222; }
.g-recaptcha { }
.submitWrapper { direction: rtl; }
::-webkit-input-placeholder { color: #f0f0f0; }
:-moz-placeholder { color: #f0f0f0; }
::-moz-placeholder { color: #f0f0f0; }
:-ms-input-placeholder { color: #f0f0f0; }

.g-recaptcha, .g-recaptcha > div { width: 100% !important; }

span.error { display: none; position: absolute; color: red; font-size: 14px; top: 10px; background: transparent; right: 0; }
#SiteFooter span.error { top: 0; right: 0; }
#SiteFooter .MessageWrapper,
#SiteFooter .emailWrapper { position: relative; }

@media(max-width:767px) {
    textarea { margin-bottom: 0px }
}
/*------------------------------------*\
    Fonts
\*------------------------------------*/

/*@font-face {
    font-family: 'ProximaNova';
    src: url('../Fonts/ProximaNova/ProximaNova.eot');
    src: url('../Fonts/ProximaNova/ProximaNova.eot?#iefix') format('embedded-opentype'),
         url('../Fonts/ProximaNova/ProximaNova.woff') format('woff'),
         url('../Fonts/ProximaNova/ProximaNova.svgz#ProximaNova') format('svg'),
         url('../Fonts/ProximaNova/ProximaNova.svg#ProximaNova') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-weight: 700;
    src: url('../Fonts/ProximaNovaBold/ProximaNovaBold.eot');
    src: url('../Fonts/ProximaNovaBold/ProximaNovaBold.eot?#iefix') format('embedded-opentype'),
         url('../Fonts/ProximaNovaBold/ProximaNovaBold.woff') format('woff'),
         url('../Fonts/ProximaNovaBold/ProximaNovaBold.svgz#ProximaNovaBold') format('svg'),
         url('../Fonts/ProximaNovaBold/ProximaNovaBold.svg#ProximaNovaBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ProximaNovaMedium';
    src: url('../Fonts/ProximaNovaMedium/ProximaNovaMedium.eot');
    src: url('../Fonts/ProximaNovaMedium/ProximaNovaMedium.eot?#iefix') format('embedded-opentype'),
         url('../Fonts/ProximaNovaMedium/ProximaNovaMedium.woff') format('woff'),
         url('../Fonts/ProximaNovaMedium/ProximaNovaMedium.svgz#ProximaNovaMedium') format('svg'),
         url('../Fonts/ProximaNovaMedium/ProximaNovaMedium.svg#ProximaNovaMedium') format('svg');
    font-weight: normal;
    font-style: normal;
}*/

/*------------------------------------*\
   SiteGrid
\*------------------------------------*/

#SiteContainer { }

#SiteHeaderContainer { padding: 0px; height: 75px; position: fixed; z-index: 8; width: 100%; }
#SiteGridContainer { }
#SiteFooterContainer { background-color: #1c1c1c; background-image: url(../../../000Frames/site/images/footer.svg); background-size: cover; }

#SiteHeader { margin-left: auto; margin-right: auto; margin-top: 0; background-color: #222222; color: #fff; width: 100%; z-index: 5; transition: all 200ms ease-out; -webkit-transition: all 200ms ease-out; }
#SiteFooter { max-width: 100%; margin-left: auto; margin-right: auto; overflow: hidden; position: relative; padding: 50px 0 0 0; }
.footerlinksDesktop { position: relative; padding-bottom: 50px }
#SiteGrid { padding: 0px; margin: 0 auto; overflow: hidden; }

#GridRight { float: right; width: 250px; margin-left: 40px; }
#GridPage { }
#GridLeft { float: right; display: none; }
#GridTop { }

#GridFooter { }
.HeaderTop { position: relative; -webkit-clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% calc(100% - 60px)); clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% calc(100% - 60px)); }
.HeaderTop:after { content: ""; position: absolute; top: 0; left: 0; right: 0; background: rgba(16, 27, 34, .8); width: 100%; height: 100%; }
.HeaderTopImage { min-height: 540px; background-size: cover; background-position: center; }
.HeaderTopContent { color: #fff; z-index: 1; position: relative; }
#HeaderTopH2 { font-size: 120%; max-width: 740px; }
#HeaderTopH1 { font-weight: 700; font-size: 350%; margin-top: 18px; }
#PageLeft { }
#PageRight { }
#PageMenu { }
#PageHeader { }
#PageContent { }
#PageKdm { }
#PageFooter { }
#DirectoryView > .ContentWrapper { transform: translateY(0px); -webkit-transform: translateY(0px) }
section { width: 100%; }

@media(min-width:1551px) {
    .HeaderTopImage { min-height: 510px; }
}

@media (max-width: 1170px) {
    #GridLeft { display: none; }
    #SiteHeaderContainer { padding: 0 0px; }
    #SiteGridContainer { padding: 0 0px; }
}


@media(max-width:1024px) {
    #SiteHeaderContainer { position: static; }
    #SiteHeader { position: fixed; }
    /*#GridContent            { margin-top:-80px;}*/
}

@media (max-width: 991px) {
    #GridPage { float: none; width: 100%; }
    #HeaderTopH1 { font-size: 300%; }
    #HeaderTopH2 { max-width: 600px; }
    .HeaderTopImage { height: 480px; }
}


@media(min-width:768px) {
    .HeaderTop { padding: 128px 70px 100px; min-height: 510px; display: flex; align-items: center; }
    .HeaderTopImage { position: absolute; height: 100%; width: 100%; min-height: unset; object-fit: cover; left: 0; top: 0; }
    #HeaderTopH1 { margin-top: 0; }
}

@media(max-width:1550px) and (min-width:768px) {
    .HeaderTopContent { max-width: 1230px; padding: 0 10px; width: calc(100% - 30px); }
}

@media (max-width:767px) {
    #GridRight { float: none; width: 100%; margin: 0 auto; }
    #SiteFooter { padding-right: 5px; padding-left: 5px; padding-top: 30px; }
    .HeaderTopImage { height: auto; position: absolute; width: 100%; height: 100%; }
    .HeaderTopContent { padding: 40px 15px 80px 15px; }
    .HeaderTop { -webkit-clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% calc(100% - 30px)); clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% calc(100% - 30px)); }
    #HeaderTopH1 { font-size: 180%; margin: 0 0 15px; }
    #HeaderTopH2 { font-size: 90%; line-height: 1.2; }
    #SiteHeaderContainer { height: 65px; }
}


button, .button, button:hover, button:focus, .button:hover, .button:focus { background-color: transparent; padding: 0; }
/*------------------------------------*\
    Top Bar Select In Mobile 
\*------------------------------------*/

@media (max-width:767px) {
    #side-collapse-menu { width: 100% }
}

/*------------------------------------*\
    Top Bar Search 
\*------------------------------------*/





/*------------------------------------*\
    Accordion - FAQ
\*------------------------------------*/
.faq_accordion { padding-bottom: 30px; }

.accordion { }
.accordion .panel { border: 0px; border-radius: 0; border-top: 1px solid #ECECEC; box-shadow: none; -webkit-box-shadow: none; padding: 14.5px 0; margin: 0; }
.accordion .panel:nth-child(2n) { background-color: #EDEDED; }
.accordion .panel:last-child { border-bottom: 1px solid #ddd; }
.accordion .panel-title { width: 95%; }
.accordion .panel-title > a { width: 100%; right: 0; top: 0; font-size: 24px; font-weight: 400; }
.accordion .panel-title > a:hover { text-decoration: none; }
.accordion .panel-title > a:focus { text-decoration: none; }
.accordion .panel-collapse.collapse.in { }
.accordion .panel-default > .panel-heading { color: #333; background-color: transparent; border-color: #ddd; position: relative; margin-bottom: 10px; margin-top: 10px; margin-right: 15px; }
.accordion .panel-heading { padding: 10px 15px; border-bottom: 0; border-radius: 0px; }
.accordion .panel-title > a:after { content: " "; display: block; width: 20px; height: 20px; float: left; background-image: url('../../../000Frames/site/images/plus.png'); background-position: center center; background-repeat: no-repeat; }
.accordion .panel-title > a[aria-expanded~=true]:after { background: url('../../../000Frames/site/images/minus.png'); background-repeat: no-repeat; background-position: center center; }
.panel.panel-default div p { font-size: 21px; padding-right: 50px; padding-left: 165px; line-height: 27px; /*padding-top: 20px; padding-bottom: 20px;*/ }

@media(max-width:767px) {
    .panel.panel-default div p { padding-left: 0; padding-right: 30px; padding-top: 5px; width: 90%; }
    .accordion .panel-title > a:after { position: absolute; left: 7px; top: 50%; transform: translate(0,-50%); }
    .accordion .panel-default > .panel-heading { padding-right: 0; }
    .accordion .panel-title > a { padding-right: 0; font-size: 20px; font-weight: bold; }
}


/*------------------------------------*\
    Carousel - FAQ
\*------------------------------------*/

.owl-carousel { margin-top: 30px; margin-bottom: 30px; direction: ltr; }
.owl-nav { }
.owl-item { text-align: center; height: 400px; overflow: hidden; }
.owl-item .item { position: absolute; top: 50%; left: 0; transform: translate(0%,-50%); -webkit-transform: translate(0%,-50%); -moz-transform: translate(0%,-50%); }
.owl-next { position: absolute; left: 0; z-index: 1; top: calc(50% - 12px); transform: translate(0%,-50%); -webkit-transform: translate(0%,-50%); -moz-transform: translate(0%,-50%); }
.owl-prev { position: absolute; right: 0; z-index: 1; top: calc(50% - 12px); transform: translate(0%,-50%); -webkit-transform: translate(0%,-50%); -moz-transform: translate(0%,-50%); }



@media(max-width:767px) {
    .owl-item { display: inline !important; }
    .owl-stage { display: -webkit-box; display: -moz-box; display: -ms-box; display: box; }
}

/*------------------------------------*\
   lightbox Gallery
\*------------------------------------*/
.lightbox-gallery .lightbox-gallery-loader { position: absolute; top: 50%; /* display: none; */ left: 50%; z-index: 10; }
.lightbox-gallery .lightbox-gallery-item
/*------------------------------------*\
    lightbox Gallery Video
\*------------------------------------*/
.lightbox-galleryVideo .lightbox-gallery-loader { position: absolute; top: 50%; left: 50%; z-index: 10; }
.lightbox-galleryVideo .lightbox-gallery-item { }


.popUpVideo .modal-header { border: none; }

.popUpVideo .vertical-alignment-helper { display: table; height: 100%; width: 100%; pointer-events: none; }

.popUpVideo .vertical-align-center { display: table-cell; vertical-align: middle; pointer-events: none; }

.popUpVideo .modal-content { width: inherit; height: inherit; margin: 0 auto; pointer-events: all; background: none; box-shadow: 0px 0px 0px; border: none; }


.popUpVideo .modal-body iframe { position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; width: 100%; height: 100%; }

.popUpVideo .modal-backdrop.fade.in { z-index: 0; }
.popUpVideo .close { opacity: 1 !important; color: #fff; }

.popUpVideo .modal-backdrop.in { filter: alpha(opacity=50); opacity: .9; }

/*------------------------------------*\
   Breadcrumbps
\*------------------------------------*/

#PageBreadCrumps { padding: 0 70px; max-width: 50%; margin: -30px 0 30px 0; }

@media(max-width:1550px) {
    #PageBreadCrumps { padding: 0 10px; max-width: 1230px; width: calc(100% - 30px); }
}

@media(max-width:991px) {
    #PageBreadCrumps { }
}

@media(max-width:767px) {
    #PageBreadCrumps { margin-bottom: 30px; margin-top: 0px; }
}

#PageBreadCrumps a:link { color: #7e7e81; text-decoration: none !important; display: inline-block; font-size: 70%; }
#PageBreadCrumps a:before { content: ">"; padding: 0 5px; }
#PageBreadCrumps a:first-child:before { display: none; }
#PageBreadCrumps a:first-child { background-image: none; padding-left: 0; }
#PageBreadCrumps a:visited { color: #7e7e81; text-decoration: none !important; font-size: 100%; }
#PageBreadCrumps a:hover { color: #7e7e81; text-decoration: underline; }

/*------------------------------------*\
    Directory/Side Menu
\*------------------------------------*/

#rightMenu { }
#rightMenu .menuHead { padding-right: 10px; height: 27px; font-size: 18px; background: #ECECEC; color: #000; margin-top: 2px; background-image: url('../../../000Frames/site/images/right_menu_arrow.png'); background-size: 10px; background-repeat: no-repeat; background-position: 20px; }
#rightMenu .menuLink { padding-right: 10px; height: 27px; font-size: 18px; background: #ECECEC; color: #000; margin-top: 2px; background-image: url('../../../000Frames/site/images/right_menu_arrow.png'); background-size: 10px; background-repeat: no-repeat; background-position: 20px; }
#rightMenu .selected { color: red; }
#rightMenu .navbar-default { border: 0; background-color: transparent; }
#rightMenu .navbar { min-height: 0; margin-bottom: 0; }
#rightMenu .navbar-header { float: right; }

@media(max-width:767px) {
    #rightMenu .navbar-header { float: none; width: 100%; margin: 0; }
}
/*------------------------------------*\
    Contact Form
\*------------------------------------*/

.mrw-dynamic-form { position: relative; }

.mrw-dynamic-form .form-messages,
.mrw-dynamic-form .form-messages .loading,
.mrw-dynamic-form .form-messages .success,
.mrw-dynamic-form .form-messages .error { display: none; color: #BA975D; z-index: 9999; }

.mrw-dynamic-form .form-messages { position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; background-color: rgba(255,255,255,0.8); }

.mrw-dynamic-form .error-message { color: red; display: none; }
.mrw-dynamic-form .mrw-form-label { font-weight: normal; }
.mrw-dynamic-form .form-group > div { margin-bottom: 15px; }
.mrw-dynamic-form .form-control { border: 1px solid silver; color: #000; background: none; font-size: 100%; padding-right: 10px; position: relative; cursor: text !important; background: none !important; }

.mrw-dynamic-form label.error { color: red; position: absolute; top: 0px; left: 15px; font-weight: normal; }
.mrw-dynamic-form .form-control.error { border-color: red; }


/*------------------------------------*\
    Contact Form Wiget
\*------------------------------------*/


#contact-form-wiget .mrw-form-label { }
#contact-form-wiget .form-control { }
#contact-form-wiget .form-submit { }

@media(max-width:991px) {
    #contact-form-wiget { display: none; }
}

/*------------------------------------*\
    Login Box
\*------------------------------------*/



#loginBox { text-align: center; background-color: #1c1c1c; padding: 15px; }

#loginBox .loginBox-guest-hello { color: #F68B1F; line-height: 24px; margin-bottom: 10px; }
#loginBox .firstSentence { font-size: 130%; }
#loginBox .secondSentence { font-size: 165%; }

#loginBox #LoginBox-Buttons { padding-top: 20px; }
#loginBox #LoginBox-Buttons a { display: inline-block; background-color: #F68B1F; border: 1px solid #FFF; border-radius: 5px; color: #FFF; font-size: 120%; padding: 2px 18px; margin: 0px 5px; text-decoration: none; cursor: pointer; }

#loginBox #LoginBox-SignIn { width: 100%; margin-left: auto; margin-right: auto; overflow: auto; }
#loginBox #LoginBox-SignIn .login-field { margin-bottom: 12px; border-radius: 3px; border: none; width: 100%; padding: 5px 10px 4px 10px; }
#loginBox #LoginBox-SignIn .login-submit { float: left; background-color: #F68B1F; border: 1px solid #FFF; border-radius: 5px; color: #FFF; font-size: 120%; padding: 2px 18px; cursor: pointer; text-decoration: none; }

#loginBox #LoginBox-SignIn .forgetPass { float: left; text-decoration: underline; color: #F68B1F; padding-top: 10px; font-size: 90%; }
#loginBox #LoginBox-SignIn .user-register { float: right; text-decoration: underline; color: #F68B1F; padding-top: 10px; font-size: 90%; }

#loginBox .loginBox-user-hello { color: #F68B1F; line-height: 24px; }
#loginBox .loginBox-user-buttons { padding-top: 20px; }
#loginBox .loginBox-user-buttons a { display: inline-block; background-color: #F68B1F; border: 1px solid #FFF; border-radius: 5px; color: #FFF; font-size: 110%; padding: 2px 12px; margin: 0px 2px; text-decoration: none; cursor: pointer; margin-bottom: 10px; }





/*------------------------------------*\
   Bootstrap dropdown animation
\*------------------------------------*/

.dropdown .dropdown-menu { -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; max-height: 0; display: block; overflow: hidden; opacity: 0; }

.dropdown.open .dropdown-menu { max-height: 200px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; opacity: 1; }


/*------------------------------------*\
   BASE PAGE VIEW
\*------------------------------------*/


#anchor { margin-bottom: 15px; margin-top: -5px; font-size: 90%; }
#headline { }
#headline h1 { font-size: 300%; color: #F68B1F; margin: 0; padding: 0; line-height: 100%; margin-bottom: 10px; }

#subheadline h2 { margin: 0; padding: 0; font-size: 130%; color: #59595B; font-weight: normal; margin-bottom: 10px; }

#writer { margin-bottom: 5px; font-weight: normal; }
#text1 { margin-top: 20px; margin-bottom: 20px; }
#text1 strong { }
#text1 b { }

#video { margin-bottom: 20px; }
#video video { width: 100%; height: auto; }

#remarks { font-size: 90%; }
h2 { margin: 0px; font-weight: 700; }
h3 { margin: 0px; }
h4 { margin: 0px; }

.picD { width: auto; height: auto; margin-bottom: 15px; margin-top: 15px; }

#lobby { position: relative; margin-bottom: 30px; }



/*------------------------------------*\
    #General Classes 
\*------------------------------------*/

.max-width { max-width: 1170px; }

.no-marg { margin: 0px; }

.no-pad { padding: 0px; }

.p-vert { display: table; }

.c-vert { display: table-cell; vertical-align: middle; }

.f-h { height: 100%; }

.f-w { width: 100%; }

.margin-auto { margin: 0 auto }

@media (max-width: 767px) {
    .row { margin: 0px -5px; }
    .row > div { padding: 0px 5px; }
}



/*------------------------------------*\
    #modal
\*------------------------------------*/


#mrw-modal-1 .modal-content { border-radius: 0px; background-color: transparent; display: inline-block; pointer-events: all; }
.modal-vertical-align { display: table; height: 100%; width: 100%; pointer-events: none; }
.vertical-alignment-helper { display: table; height: 100%; width: 100%; text-align: center }
.close { text-shadow: none; direction: rtl; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); color: #fff; z-index: 9; opacity: 1 !important; font-size: 18px; font-weight: normal; float: none; position: absolute; top: 0; pointer-events: all; }
.close svg { width: 30px; height: 30px; fill: #ffffff; }
.close span { display: inline-block; vertical-align: middle; color: #ffffff; font-weight: normal; text-transform: uppercase; font-size: 60%; }
.close span.xIcon { margin-left: 5px; }
.close:hover, .close:focus { opacity: 1; }
.modal-content { box-shadow: none; border: none; margin: auto; background-color: transparent; pointer-events: all; max-width: 950px; max-height: 76vh; overflow: auto; border-radius: 0; width: auto; direction: ltr; display: inline-block; padding-top: 40px; }
.all-content iframe { max-width: 950px; max-height: 570px; width: 95vw; height: 57vh; border: none; }

@media(max-width:991px) {
    .close { }
    .all-content iframe { max-height: 40vh; }
    .modal-open .modal { padding: 0 !important; }
}

/*------------------------------------*\
    #Grids
\*------------------------------------*/


.grid-box { margin-bottom: 45px; text-align: center; box-shadow: 8.2px 5.7px 20px 0 rgba(33, 35, 39, 0.08); background-color: #ffffff; height: 400px; font-weight: 700; font-size: 105%; position: relative; }
.grid-box > a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 50px 0 0 0; }
.grid-box-image { position: relative; overflow: hidden; margin-bottom: 20px; }
.grid-box-image a { }
.grid-box-tags { position: absolute; width: 100%; bottom: 15px; }
.grid-box-tags img { width: 40px; }
.grid-box-image img { margin: 0 auto; max-width: 100%; height: 222px; }



.grid-view.center-elements .row { font-size: 0px; text-align: center; }
.grid-view.center-elements .row > div { display: inline-block; float: none !important; vertical-align: top; font-size: 1rem; }
.grid-view > .row { position: relative; padding-bottom: 70px; }

@media(max-width:767px) {
    .grid-box-image img { height: auto; width: auto; max-height: 100%; }
    .grid-box { height: auto; margin-bottom: 30px; }
    .grid-box-image { height: 150px; }
    .grid-box > a { position: relative; display: block; padding-bottom: 70px; padding-top: 30px; }
}



/*------------------------------------*\
    PopUp Feature
\*------------------------------------*/

#popup-modal .vertical-alignment-helper { display: table; height: 100%; width: 100%; }

#popup-modal .vertical-align-center { display: table-cell; vertical-align: middle; z-index: 99999; }

#popup-modal .modal-header { border: none; padding: 0px; }

#popup-modal .close { display: block; float: none; margin: 0 auto; opacity: 1; transform: translateX(-50%); -webkit-transform: translateX(-50%); left: 50%; right: auto; }

#popup-modal .close span { color: #fff; }

#popup-modal .modal-body { text-align: center; }

#popup-modal .modal-content { border: 0px; background-color: transparent; border-radius: 0px; -webkit-box-shadow: none; width: auto; max-width: 90vw; }


.vertical-alignment-helper { display: table; height: 100%; width: 100%; }
.vertical-align-center { display: table-cell; vertical-align: middle; }




/*------------------------------------*\
    GALLERY COMPONENTS - lightBox
\*------------------------------------*/



.lightbox-gallery { position: relative; min-height: 250px; }
.lightbox-gallery-item { display: none; text-align: center; padding-bottom: 7.5px; padding-top: 7.5px; }
.blueimp-gallery > .close, .blueimp-gallery > .title { top: 65px; display: block; }
.blueimp-gallery a.next { display: block !important; }
.blueimp-gallery a.prev { display: block !important; }
.blueimp-gallery ol.indicator { display: block !important; }
.blueimp-gallery a.play-pause { display: block !important; }





/*------------------------------------*\
    GALLERY COMPONENTS - #FLEX SLIDER 
\*------------------------------------*/


.flexslider { border: none; background: none; -webkit-box-shadow: 0 0px 0px rgba(0,0,0,0); -moz-box-shadow: 0 0px 0px rgba(0,0,0,0); -o-box-shadow: 0 0px 0px rgba(0,0,0,0); box-shadow: 0 0px 0px rgba(0,0,0,0); overflow: hidden; }

.flexslider .flexslider-item { display: block; /*min-height: 200px;*/ padding-bottom: 40%; background-size: cover; background-position: center center; }

.flexslider .flex-control-nav { bottom: 20px; z-index: 2; }
.flex-control-paging li a.flex-active { background: #000; background: rgba(255,255,255,1); cursor: default; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none; }
.flex-control-paging li a { background: #fff; background: rgba(255,255,255,0.7); }
.flexslider .flexslider-item { position: relative; }
.flexslider-item-content { position: absolute; right: 0; z-index: 9; top: 10%; right: 5%; padding: 15px; background: rgba(0,0,0,0.56); border-radius: 5px; }
.flexslider-item-title { text-align: right; color: #fff; font-size: 140%; }
.flexslider-item-description { text-align: right; color: #fff; }
.flexslider-item-readmore { text-align: right; color: #fff; font-size: 120%; }


@media(max-width:767px) {
    .flexslider .flexslider-item { padding-bottom: 50%; min-height: 300px; }
}


/*------------------------------------*\
    Footer Style 
\*------------------------------------*/

#SiteFooter .footerContact { color: #fff; margin-top: 60px; margin-bottom: 40px; max-width: 1330px; margin: 0 auto; }
#SiteFooter .footerBlockTitle { text-align: center; font-size: 140%; }
#SiteFooter .footerContact img.logo-footer { max-width: 228px; margin-bottom: 10px; }
#SiteFooter .footerlinksDesktop a { margin-top: 10px; display: block; font-size: 80%; transition: all 200ms ease-out; -webkit-transition: all 200ms ease-out; }
#SiteFooter .footerlinksDesktop a:hover { color: #ee9b02; }
#SiteFooter .footer-bull { position: absolute; max-width: 258px; bottom: 0; right: 50px; }
#SiteFooter .linkColumn { padding: 0 10px; }
#SiteFooter .footerFormWrapper { width: 34.5%; }
#SiteFooter .logoColumn { padding-left: 6px; }
#SiteFooter .footerlinksWrapper { width: 65%; padding-left: 125px; padding-top: 13px; }

#SiteFooter .footerFormWrapper h2 { font-weight: 700; color: #ffa500; font-size: 245%; margin-bottom: 20px; }
#SiteFooter .CR { color: #605b5d; font-size: 60%; position: absolute; bottom: 10px; left: 15px; }

@media(max-width:1550px) and (min-width:992px) {
    #SiteFooter .footerlinksWrapper { width: 60%; padding-left: 0; }
    #SiteFooter .footerFormWrapper { width: 40%; }
    #SiteFooter .linkColumn { width: 160px; }
    #SiteFooter .footerlinksDesktop a { font-size: 80%; }
    #SiteFooter .footerContact { max-width: 1230px; }
}

@media(max-width:991px) {
    #SiteFooter .footer-bull { display: none; }
    #SiteFooter .footerlinksDesktop a { margin-top: 0; font-size: 75%; }
    #SiteFooter .footerFormWrapper { width: 58%; }
    #SiteFooter .footerlinksWrapper { width: 41%; padding-left: 15px; }
}

@media(max-width:767px) {
    #SiteFooter .footerFormWrapper { width: 100%; padding: 0 15px; }
    #SiteFooter .footerFormWrapper h2 { font-size: 180%; }
    #SiteFooter .footerlinksWrapper { width: 100%; margin: 0; margin-top: 30px; }
    #SiteFooter .linkColumn { padding: 0 5px; width: 50%; }
    #SiteFooter .footerlinksDesktop a { font-size: 65%; margin-top: 5px; }
    #SiteFooter .footerlinksWrapper { padding-top: 0px; }
}
/*------------------------------------*\
    UnderFooter Style 
\*------------------------------------*/

#UnderSiteFooter { padding: 20px; }

/*------------------------------------*\
    Bootstrap - 5 Cols Fix
\*------------------------------------*/

.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 { position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; }

.col-xs-15 { width: 20%; float: left; }

@media (min-width: 768px) {

    .col-sm-15 { width: 20%; float: left; }
}

@media (min-width: 992px) {
    .col-md-15 { width: 20%; float: left; }
}

@media (min-width: 1200px) {
    .col-lg-15 { width: 20%; float: left; }
}

.row { max-width: 100%; margin: 0; }
/*------------------------------------*\
    BootBox - Js Modals
\*------------------------------------*/

.bootbox { text-align: center; }
.bootbox .modal-footer { text-align: center; }
.bootbox .modal-footer button { margin: 10px; }
.bootbox .modal-footer .btn + .btn { margin-bottom: 10px; }
.bootbox .modal-dialog { position: fixed; left: 50%; top: 50%; /* margin-left: -300px; */ transform: translate(-50%,-50%) !IMPORTANT; margin: 0; }

@media(max-width:767px) {
    .bootbox .modal-dialog { width: 80%; }
}

.ContentWrapper { max-width: 1230px; width: calc(100% - 30px); padding: 0 10px; margin: 0 auto; }
.wideContentWrapper { width: 100%; padding: 0 70px; margin: 0 auto; }
a.generalBtn, .generalBtn { width: 213px; height: 46px; line-height: 46px; background: #ffa500; border: 0; display: block; text-align: center; color: #000; font-size: 105%; transition: all 200ms ease-in-out; text-decoration: none; -webkit-appearance: none; border-radius: 5px; }
a.generalBtn:hover,
.generalBtn:hover, a:hover > .generalBtn,
a.generalBtn:hover,
.generalBtn:hover, a:hover > .generalBtn { background-color: #ffb000; }

@media(max-width:1550px) {
    a.generalBtn, .generalBtn { height: 37px; line-height: 37px; width: 170px; }
    .wideContentWrapper { max-width: 1230px; width: calc(100% - 30px); padding: 0; }
}

@media(max-width:991px) {
    a.generalBtn, .generalBtn { font-size: 100%; }
    .wideContentWrapper { width: 100%; padding: 0 30px; }
    .ContentWrapper { width: 100%; padding: 0 30px; }
}

@media(max-width:767px) {
    a.generalBtn, .generalBtn { font-size: 90%; width: 180px; height: 40px; line-height: 40px; }
}

.grid-row-cell { display: table-cell; vertical-align: middle; height: 100%; padding: 0; position: relative; float: none !important; }
.grid-row { width: 100%; display: table; vertical-align: middle; height: 100%; margin-right: 0; margin-left: 0; }
.grid-row-text { max-width: 500px; margin: 0 auto; width: 90%; }
.grid-row-cell img { margin: 0 auto; display: block; }
.grid-row-text p { font-size: 130%; line-height: 1.23; }

@media(max-width:991px) {
    .grid-row-cell { width: 100%; display: block; text-align: center; height: auto; }
    .grid-row-cell img { transform: none !important; margin-top: 30px; }
    #lobby { height: 450px; }
}

@media(max-width:767px) {
    .grid-row-cell img { width: 60%; }
    #lobby { height: 250px; }
    .grid-row-text p { font-size: 100% }
}

/******* ANIMATION *******/
.FadeInElement { opacity: 0; transform: translateY(30px); -webkit-transform: translateY(30px); transition: all 1000ms cubic-bezier(.17,.67,.83,.67); -webkit-transition: all 1000ms cubic-bezier(.17,.67,.83,.67); transition-duration: 1.5s; -webkit-transition-timing-function: cubic-bezier(.165,.84,.44,1); transition-timing-function: cubic-bezier(.165,.84,.44,1); }
.FadeInElement.showItem { opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0px); }
.delayAnim { transition-delay: 350ms; }
.FadeInProduct { opacity: 0; transform: translateY(30px); -webkit-transform: translateY(30px); transition: all 1000ms cubic-bezier(.17,.67,.83,.67); -webkit-transition: all 1000ms cubic-bezier(.17,.67,.83,.67); transition-duration: 1s; -webkit-transition-timing-function: cubic-bezier(.165,.84,.44,1); transition-timing-function: cubic-bezier(.165,.84,.44,1); transition-delay: 0s; }
.FadeInProduct.active { opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0px); transition-delay: 650ms; }


@-webkit-keyframes upAnddown {
    from,to { transform: translateY(0) }
    50% { transform: translateY(15px) }
}

@keyframes upAnddown {
    from,to { transform: translateY(0) }
    50% { transform: translateY(15px) }
}


/*** Reapeted Sections ***/
.OurAudience { padding: 100px 0 150px; background-image: url('../../../000Frames/site/images/our-audience-map.png'); background-size: contain; background-position: center; position: relative; background-repeat: no-repeat; }
.OurAudience h2 { margin-bottom: 95px; }
.OurAudience .generalBtn { margin: 0 auto; }
.OurAudience .imgsection { right: -60px; bottom: -10px; }

@media(min-width:992px) {
    .OurAudience .imgsection { max-width: 23vw; }
}

@media(max-width:1550px) {
    .OurAudience { padding: 30px 0 150px; }
    .OurAudience h2 { margin-bottom: 45px; }
}

@media(max-width:991px) {
    .OurAudience { padding: 100px 0 200px; background-size: cover; }
    .OurAudience .imgsection { bottom: -100px; max-width: 50vw; }
    .OurAudience .ContentWrapper { width: 100%; padding: 0 30px; }
}

@media(max-width:767px) {
    .OurAudience { padding: 30px 0 60px; }
    .OurAudience .ContentWrapper { width: 100%; padding: 0; }
    .OurAudience .imgsection { display: none; }
    .OurAudience h2 { margin-bottom: 20px; padding: 0px; }
    .OurAudience .generalBtn { margin-top: 50px }
}

.graphItemTitle { font-weight: 700; }

@media(min-width:768px) {
    .graph { width: 650px; margin: 0 auto; position: relative; }
    .graphItems { position: absolute; top: 0; width: 100%; height: 100%; left: 0; }
    .graphWrapper { max-width: 1080px; margin: 0 auto 30px; position: relative; }
    .graphItem { position: absolute; text-align: right; color: #000; width: 288px; }
    .graphItem0, .graphItem1 { top: 10px; }
    .graphItem5, .graphItem4 { bottom: 8px; }
    .graphItem2, .graphItem3 { top: 225px; }
    .graphItem1, .graphItem5, .graphItem3 { right: -7px; }
    .graphItem1, .graphItem3 { text-align: left; }
    .graphItem2 { width: auto; left: 90px; text-align: left; }
    .graphItem3 { width: 215px; }
    .graphItem5 { text-align: left; }
    .graphItemTitle { font-size: 275%; letter-spacing: 1.4px; line-height: 0.9; }
    .graphItemSubtitle { text-align: left; display: inline; }
    .graphItem2 .graphItemSubtitle,
    .graphItem5 .graphItemSubtitle { display: block; }
}

@media(max-width:1550px) and (min-width:768px) {
    .graph { width: 520px; }
    .graphItem { width: 328px; }
    .graphItem2, .graphItem3 { top: 185px; }
    .graphItem1, .graphItem5, .graphItem3 { right: 4px; }
    .graphItem2 { left: 190px; }
    .graphItem3 { width: 269px; }
}

@media(max-width:991px) and (min-width:768px) {
    .graph { width: 450px; }
    .graphItemTitle { font-size: 178%; line-height: normal; }
    .graphItemSubtitle { font-size: 65%; position: relative; line-height: 1.2; margin-top: 0px; display: block; }
    .graphItem { width: 180px; }
    .graphItem0 .graphItemSubtitle { text-align: right; }
    .graphItem0, .graphItem1 { top: 8px; }
    .graphItem5, .graphItem4 { bottom: 10px; }
    .graphItem0 { width: 150px; left: 20px; }
    .graphItem2 { width: 90px; text-align: left; left: 50px; }
    .graphItem3 { right: 20px; width: 103px; }
    .graphItem4 { left: 0; text-align: left; }
    .graphItem5 { text-align: left; }
    .graphItem2, .graphItem3 { top: 159px; }
}

@media(max-width:767px) {
    .graphWrapper { display: table; position: relative; }
    .graphWrapper:after { content: ""; position: absolute; left: 25px; height: calc(100% - 52px); width: 1px; background-color: #222; top: 26px; }
    .graph { display: table-cell; width: 35%; vertical-align: middle; position: relative; left: -20px; }
    .graph img { position: absolute; width: 100vw; max-width: 100vw; top: 50%; transform: translateY(-50%); }
    .graphItems { display: table-cell; width: 65%; vertical-align: middle; padding-left: 40px; z-index: 1; position: relative; }
    .graphItem { position: relative; z-index: 1; width: 170px; }
    .graphItem:before { content: ""; position: absolute; width: 15px; height: 15px; left: -22px; top: 50%; transform: translateY(-50%); border-radius: 50%; background-image: url(../../../000Frames/site/images/circle.svg); background-size: contain; }
    .graphItem:not(:last-child) { margin-bottom: 20px; }
    .graphItemTitle { font-size: 150%; line-height: normal; margin-bottom: -3px; }
    .graphItemSubtitle { font-size: 68%; }
    .graphItemSubtitle br { display: none; }
}

figure.cd-image-container { position: relative; width: 100%; margin: 0em auto; }
figure.cd-image-container:after { content: ""; position: absolute; background-image: url('../../../000Frames/site/images/mobile-frame-old.png'); width: 100%; height: 100%; background-size: contain; top: 0; pointer-events: none; left: 0px; }
figure.cd-image-container img { display: block; }
figure.cd-image-container .cd-handle { background: #dc717d url(../img/cd-arrows.svg) no-repeat center center; background-image: url('../../../000Frames/site/images/Swap.png'); height: calc(100% - 44px); top: 44px; width: 48px; background-color: transparent; background-position: center; }
figure.cd-image-container .cd-handle.draggable { }
figure.cd-image-container .gap { position: absolute; width: 13px; height: 50px; background: #ffa700; top: 50%; right: -6px; transform: translateY(-50%); margin-top: 11px; pointer-events: none; }
figure.cd-image-container .left.gap { left: -3px; right: auto; }

@media(max-width:991px) {
    figure.cd-image-container .left.gap { left: -9px; }
}

@media(max-width:767px) {
    figure.cd-image-container .gap { width: 18px; right: -16px; height: 100%; }
    figure.cd-image-container .left.gap { left: -16px; }
}



.stickyButtons { position: fixed; z-index: 8; top: 100vh; margin-top: -90px; right: 35px; }
.stickyButton { width: 54px; height: 54px; background-color: #ffa500; border-radius: 50%; display: inline-block; vertical-align: middle; position: relative; margin-left: 10px; box-shadow: 0 0px 25px 0 rgba(0, 0, 0, 0.3); }
.stickyButtonsWrpper { display: table; }
.stickyButton > svg { width: 31px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.stickyButton span { position: absolute; top: -40px; padding: 4px 0; background-color: #fff; font-size: 70%; width: 88px; left: 50%; transform: translateX(-50%); text-align: center; border-radius: 2px; opacity: 0; transition: all 200ms ease-out; -webkit-transition: all 200ms ease-out; box-shadow: 8.2px 5.7px 20px 0 rgba(33, 35, 39, 0.08); }
.stickyButton.marketStickyBrn > svg { margin-left: -1px; width: 33px; }
.stickyButton span svg { margin: 0; width: 9px; position: absolute; bottom: -8px; top: auto; left: 50%; transform: translateX(-50%); box-shadow: 8.2px 5.7px 20px 0 rgba(33, 35, 39, 0.08); }
.stickyButton > span:after { content: ""; width: 7px; height: 1px; position: absolute; bottom: -1px; background-color: #fff; left: 50%; transform: translateX(-50%); }
.stickyButton span svg path { fill: #fff; stroke-width: 10px; stroke-linejoin: round; box-shadow: 8.2px 5.7px 20px 0 rgba(33, 35, 39, 0.08); position: relative; }
.stickyButton:hover span { opacity: 1 }
.stickyButton:focus span { opacity: 0; }
.stickyButtons { display: none; }

@media(max-width:1550px) {
    .stickyButton { width: 44px; height: 44px; }
    .stickyButton > svg { width: 25px; }
    .stickyButton.marketStickyBrn > svg { width: 26px; }
    .stickyButtons { margin-top: -60px; }
}

@media(max-width:991px) {
    .stickyButtons { display: none; }
}



.cookies-disclaimer { position: fixed; bottom: 0; width: 100%; background: rgb(28, 28, 28); color: #fff; text-align: center; padding: 15px 0px; z-index: 8; display: none; border-top: 1px solid #f0f0f0; }
.cookies-disclaimer .disclaimer-wrapper > a { padding: 4px 13px; background: transparent; color: #ffb000; text-decoration: none; display: inline-block; /* margin-top: 10px; */ width: auto; font-size: 100%; vertical-align: middle; transition: all 250ms ease-in-out; -webkit-transition: all 250ms ease-in-out; border: 1px solid #ffb000; border-radius: 5px; margin-left: 20px; font-size: 90%; }
.cookies-disclaimer .disclaimer-wrapper > a:hover, .cookies-disclaimer .disclaimer-wrapper > a:focus { background: #ffb000; color: #222222 }
.cookies-disclaimer p { width: 90%; text-align: left; display: inline-block; vertical-align: middle; font-size: 70%; }
.cookies-disclaimer p { color: #fff; margin-bottom: 0; max-width: 770px; padding-right: 0; }
.cookies-disclaimer .disclaimer-wrapper { max-width: 1180px; margin: auto; }
.cookies-disclaimer .disclaimer-wrapper p a { color: #fff; text-decoration: underline; }

@media (max-width: 1200px) {
    .cookies-disclaimer .disclaimer-wrapper { max-width: 980px; margin: 0 auto; }
}

@media (max-width: 1000px) {
    .cookies-disclaimer .disclaimer-wrapper { max-width: 620px; }
    .cookies-disclaimer .disclaimer-wrapper > a { width: 50px; }
}

@media (max-width:767px) {
    .cookies-disclaimer .disclaimer-wrapper { max-width: 100%; }
    .cookies-disclaimer p { font-size: 75%; }
    .cookies-disclaimer .disclaimer-wrapper > a { width: 20%; margin-top: 10px; padding: 5px 2px; margin-left: 0; }
    .cookies-disclaimer { padding: 12px 0px; }
}


.angle { content: ''; position: absolute; width: 100%; height: 80px; bottom: -5px; z-index: 1; fill: #f0f0f0; display: none; top: auto; }
.angle.top { top: 0px; bottom: auto; -webkit-transform: scale(-1, -1); transform: scale(-1, -1); }
@supports (-ms-ime-align:auto) {
    .angle { display: block; }
}

@media all and (-ms-high-contrast:none) {
    .angle { display: block }
    /* IE10 */
    *::-ms-backdrop, .foo { display: block }
    /* IE11 */
}